<template>
  <div id="app">
    <TopNav></TopNav>
    <Play></Play>
    <div :style="{paddingTop:$route.meta.showNav?'43px':''}"></div>
    <router-view/>
    <div :style="{paddingBottom:$root.musicStore.musicID?'60px':''}"></div>

  </div>
</template>
<script>
import Play from './components/Play.vue';
import TopNav from './components/TopNav'
export default {
  name:"App",
  components:{
    TopNav,
    Play
  },
  data(){
    return {}
  },
  methods:{
    // play(musicID){
    //   this.musicID = musicID;
    // }
  }
};
</script>
<style>
*{
  margin: 0;
  padding: 0;
}
</style>
